<script setup>
    //导入子组件
    import Nav from "./nav.vue"
    //defineProps注入
     const props= defineProps(
        {
            user:Number,
            url:{
                type:String,
                require:true,
                default:"www.baidu.com"
            }
        }
     )
     console.log(props)

    import { provide, inject } from 'vue'
    //子组件通过inject注入父组件提供的 响应式数据
    const user = inject("provideUser")
    console.log("provideUser:",user.value)

    //provide用于父组件将 数据 提供给所有子组件
    provide("provideUrl","dengruicode.com")
</script>

<template>
    <h3>子组件foot</h3>
    <h3>响应式编程</h3>
    {{props.user}}
    <hr style=" height:2px;border:none;border-top:2px dotted black;" /> 
    <!-- 子组件 -->
    <Nav/>
</template>

<style scoped>

</style>
